<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
  <title>个人中心</title>
  <link rel="stylesheet" href="./iconfont/iconfont.css" />
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/my.css" />
</head>

<body>
  <!-- 头部模块 -->
  <div class="top">
    <img src="./images/default-user.png" alt="" />
    <a href="./login.html">
      <p class="nick_name">未登录</p>
      <span class="mobile">点击登录账号</span>
    </a>
  </div>

  <!-- 资产模块 -->
  <div class="asset">
    <div class="left">
      <a href="javascript:;">
        <span class="balance">--</span>
        <p>账户余额</p>
      </a>
      <a href="javascript:;">
        <span class="points">--</span>
        <p>积分</p>
      </a>
      <a href="javascript:;">
        <span class="coupon">--</span>
        <p>优惠券</p>
      </a>
    </div>
    <div class="right">
      <a href="javascript:;">
        <span class="iconfont icon-shouye"></span>
        <p>我的钱包</p>
      </a>
    </div>
  </div>

  <!-- 主体模块 -->
  <div class="main">
    <!-- 订单模块 -->
    <div class="order">
      <a href="javascript:;">
        <span class="iconfont icon-shouye"></span>
        <p>全部订单</p>
      </a>
      <a href="javascript:;">
        <span class="iconfont icon-shouye"></span>
        <p>待支付</p>
      </a>
      <a href="javascript:;">
        <span class="iconfont icon-shouye"></span>
        <p>待发货</p>
      </a>
      <a href="javascript:;">
        <span class="iconfont icon-shouye"></span>
        <p>待收货</p>
      </a>
    </div>
    <!-- 服务模块 -->
    <div class="service">
      <div class="title">我的服务</div>
      <div class="bd">
        <a href="javascript:;">
          <span class="iconfont icon-shouye"></span>
          <p>收货地址</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-shouye"></span>
          <p>领券中心</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-shouye"></span>
          <p>优惠券</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-shouye"></span>
          <p>我的帮助</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-shouye"></span>
          <p>我的积分</p>
        </a>
        <a href="javascript:;">
          <span class="iconfont icon-shouye"></span>
          <p>退换/售后</p>
        </a>
      </div>
    </div>

    <!-- 退出登录 -->
    <button class="logout">退出登录</button>
  </div>

  <!-- 底部模块 -->
  <footer>
    <a href="./index.html">
      <span class="iconfont icon-shouye"></span>
      <p>首页</p>
    </a>
    <a href="./classify.html">
      <span class="iconfont icon-fenlei"></span>
      <p>分类</p>
    </a>
    <a href="./shopCar.html">
      <span class="iconfont icon-gouwuche"></span>
      <p>购物车</p>
    </a>
    <a href="./my.html" class="active">
      <span class="iconfont icon-wode"></span>
      <p>我的</p>
    </a>
  </footer>
  <script src="./js/axios.js"></script>
  <script src="./js/commom.js"></script>
  <script src="./js/my.js"></script>
</body>

</html>